<div class="report-submit">
    <div class="card">
        <div class="card-title">创建检测申请单</div>
        <div class="card-body">
            <div class="top">
                <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
                    <div nz-row>
                        <!-- 检测项目 -->
                        <div nz-col nzSpan="6" *ngIf='typeShow=="Y"'>
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="type">检测项目</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <nz-select name="select-validate" formControlName="type">
                                        <nz-option *ngFor="let item of types" nzValue="{{item.id}}" nzLabel="{{item.name}}"></nz-option>
                                    </nz-select>
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <!-- 检测项目 -->
                        <div nz-col nzSpan="6" *ngIf='typeShow=="Y"'>
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="porjuct">检测项目</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <nz-select name="select-validate" formControlName="porjuct">
                                        <nz-option *ngFor="let item of classes" nzValue="{{item}}" nzLabel="{{item}}"></nz-option>
                                    </nz-select>
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <!-- 联系人 -->
                        <div nz-col nzSpan="6">
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="user">联系人</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <input nz-input formControlName="user" id="user" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <!-- 联系电话 -->
                        <div nz-col nzSpan="6">
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="phoneNumber">联系电话</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <input nz-input formControlName="phoneNumber" id="phoneNumber" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                    </div>
                    <!-- 2 -->
                    <div nz-row>
                        <!-- 企业名称 -->
                        <div nz-col nzSpan="6">
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="qyName">企业名称</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <input nz-input formControlName="qyName" id="qyName" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <!-- 产品名称 -->
                        <div nz-col nzSpan="6">
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="porjuctName">产品名称</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <input nz-input formControlName="porjuctName" id="porjuctName" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <!-- 产品型号 -->
                        <div nz-col nzSpan="6">
                            <nz-form-item>
                                <nz-form-label [nzSm]="6" nzRequired nzFor="xh">产品型号</nz-form-label>
                                <nz-form-control [nzSm]="14">
                                    <input nz-input formControlName="xh" id="xh" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                    </div>
                </form>
            </div>
            <div class="btm">
                <nz-tabset>
                    <!-- 粘贴文本 -->
                    <nz-tab nzTitle="粘贴文本">
                        <div>
                            <textarea placeholder="内容字数10万字，提交内容建议保留封面、目录、附录和正文" rows="4" nz-input [(ngModel)]="inputValue"></textarea>
                        </div>
                    </nz-tab>
                    <!-- 上传文档 -->
                    <nz-tab nzTitle="上传文档">
                        <div class="updata-c">
                            <div class="updata-l">
                                <nz-upload [nzCustomRequest]="uploadFile" [nzMultiple]="true" [nzShowUploadList]="false">
                                    <button nzBlock nz-button style="width: 150px;"><i nz-icon nzType="plus"></i><span>上传文档</span></button>
                                </nz-upload>
                                <p>*支持扩展名：rar、zip、doc、 docx、pdf、jpg...，上限1000M 上传内容建议去除封面、目录、 附录，仅上传正文</p>
                            </div>
                            <div class="updata-r">
                                <div class="file-item" *ngFor="let item of fileList">
                                    <img src="../../../../assets/img/icon-file.png" />
                                    <div>
                                        <h4>{{item.name}}</h4>
                                        <p>{{getFileSize(item.size)}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </nz-tab>
                </nz-tabset>
                <!-- 提交 -->
                <div class="btn-c">
                    <button nz-button nzType="primary" [routerLink]='["/member/center/home/myProject"]' >提交</button>
                    <button nz-button nzType="default" [routerLink]='["/member/center/home/home"]'>取消</button>
                </div>
            </div>
        </div>
    </div>
</div>